<template>
  <div>
    <div class="app-container">
      <el-card class="box-card">
        <el-form>
          <el-form-item label="秒杀订单超过:" class="text">
            <el-input style="width: 300px" value="60">
              <template slot="append">分</template>
            </el-input>
            <span class="text">未付款,订单自动关闭</span>
          </el-form-item>

          <el-form-item label="正常订单超时:" class="text">
            <el-input style="width: 300px" value="120">
              <template slot="append">分</template>
            </el-input>
            <span class="text">未付款,订单自动关闭</span>
          </el-form-item>

          <el-form-item label="发货超时:" class="text overtime">
            <el-input style="width: 300px" value="15">
              <template slot="append">天</template>
            </el-input>
            <span class="text">未收货,订单自动完成</span>
          </el-form-item>

          <el-form-item label="订单完成超过:" class="text">
            <el-input style="width: 300px" value="7">
              <template slot="append">天</template>
            </el-input>
            <span class="text">自动结束交易,不能申请售后</span>
          </el-form-item>

          <el-form-item label="订单完成超过:" class="text">
            <el-input style="width: 300px" value="7">
              <template slot="append">天</template>
            </el-input>
            <span class="text">自动五星好评</span>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" class="sub">提交</el-button>
          </el-form-item>
        </el-form>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang='scss' scoped>
svg.svg-icon {
  font-size: 16px;
}
.box-card {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 80px;
  .text {
    margin-left: 15px;
    font-size: 15px;
  }
  .overtime {
    padding-left: 27px;
  }
  .sub {
    margin-left: 116px;
  }
}
</style>
